<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.property/TR/html4/loose.dtd">
<%@taglib prefix="my"  uri="/WEB-INF/tag/my-tag.tld"%>
<html>
<head>
<%@include file="/header.jsp" %>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>属性页面</title>
<script type="text/javascript">
function refGrid(){
	$('#datagridtable').treegrid("clearChecked");
	$('#datagridtable').treegrid("options").url='${base}sysProperty/propertyList?'+$("form").serialize();
	$('#datagridtable').treegrid("load");  
}
   
  $(function(){
	  $("#searchbtn").click(function(){refGrid();});
	  
	  $('#datagridtable').treegrid({    
		    singleSelect:false,
		    collapsible:false,
		    url:'${base}sysProperty/propertyList?'+$("form").serialize(),
		    method:'post',
		    pagination:true,
		    toolbar:'#toolbar',
			pageSize:20,
			multiSort:true,
			rownumbers:true,
			border:false,
			animate:true,
			idField:'id',
			autoRowHeight:false,
			fitColumns: true,
		    columns:[[    
		        {field:'id',checkbox:true},    
		        {field:'propertyName',title:'属性名称',width:100,sortable:true},    
		        {field:'propertyValue',title:'默认值',width:100,sortable:true},
		        {field:'propertyType',title:'属性类型',width:80,sortable:true,formatter:function(value,row,index){
			         var data=${SysPropertyType};
			        for(var i=0;i<data.length;i++){
			        	if(data[i].itemValue==value&&data[i].itemValue!='')
				        	return data[i].itemName;  
 				        }
			        }},
		        {field:'remark',title:'描述',width:300,sortable:true}
		    ]]    
		});
	     $("#addBtn").click(function(){
	    	 myDialog({title:"增加属性",src:"${base}sysProperty/addPage",width:600,height:300,callBack:refGrid});
	      });
	      $("#editBtn").click(function(){
	    	  var selOpts =$('#datagridtable').treegrid("getChecked");
				if(selOpts.length==0||selOpts.length>1)
					myAlert("错误信息","请选择一条记录！","e");
				else
				  myDialog({title:"编辑属性",src:"${base}sysProperty/editPage?id="+selOpts[0].id,width:600,height:300,callBack:refGrid});
	      });
	      $("#delBtn").click(function(){
	    	  var selOpts =$('#datagridtable').datagrid("getChecked");
				if(selOpts.length==0){
					myAlert("错误信息","请选择需要删除的记录！","e");
					return;
					}
				ids=[];
				$.each(selOpts,function(i,v){
					     ids.push(v.id);
					});
				myConfirm("提示信息","确定删除选中的数据吗?",function(r){
                     if(r){
                    	 myAjax({url:"${base}sysProperty/delProperty",data:{"ids":ids},  
                        	 success:function(data){
                                  if(data.error=='0')
                                	      refGrid();
                                  else
                                	  myAlert("错误信息",data.msg,"e");   
                        	 }}); 
                  }
				});
	      });
	      $("#detailBtn").click(function(){
	    		var selOpts =$('#datagridtable').datagrid("getChecked");
				if(selOpts.length==0||selOpts.length>1)
					myAlert("错误信息","请选择一条记录！","e");
				else
				  myDialog({title:"查看属性",src:"${base}sysProperty/detailPage?id="+selOpts[0].id,width:600,height:300,
					  callBack:function(){
					  $('#datagridtable').datagrid("clearChecked");}});
	      });
});
</script>
</head>
<body>
   <div id="toolbar">
   <div class="toolbar_searchcondition">
   <form class="easyui-form" action="${base}sysProperty/propertyList"  method="post">
	  属性名称: <input class="easyui-textbox" name="params['propertyName']" type="text"/>&nbsp;
	  属性类型: <input class="easyui-combobox" panelHeight="auto" name="params['propertyType']" data-options='valueField:"itemValue",textField:"itemName",data:${SysPropertyType},editable:false' />
		   <a href="#" class="easyui-linkbutton searchbtn" iconCls="icon-search" id="searchbtn">查询</a>
		</form>
    </div>
    <div class="toolbar_btns">
        <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" id="addBtn">添加</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" id="editBtn">编辑</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" id="delBtn">删除</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true" id="detailBtn">查看</a>
    </div>	
   </div>
	  <table id="datagridtable"  style="width:1200px;height:500px" fit="true"></table>
</body>
</html>